<!DOCTYPE html>
<html>
<head>
    <style>
    .one
    {
        float: left;
        width: 400px;
        height: 300px;
        background-color: antiquewhite;
    }
    .two
    {
        height: 300px;
        background-color: blue;
        /* BFC清除重合部分 */
        overflow: hidden;
    }
    </style>
    <meta charset="UTF-8" />
    <title>两栏布局</title>
</head>
<body>
    <p>第二种:浮动+BFC</p>
     <div class="box2">
        <div class="one"></div>
        <div class="two"></div>
    </div>
</body>
</html>